{% extends "base.html" %}
{% from "macros.html" import render_pagination %}

{%block title %}Home{% endblock %}

{%block body %}
<div class="row">
  {% for course in pagination.items %}
  <div class="col-sm-6 col-md-4 course">
	<div class="thumbnail">
		<a href="{{ course.url }}" target="_blank">
			<img src="{{ course.image_url }}" alt="KeCheng">
			<div class="caption">
				<h4 class="course__name">{{ course.name }}</h4>
				<p class="course__description">{{ course.description }}</p>
			</div>
		</a>
	</div>
  </div>
  {% endfor %}
</div>		

{{ render_pagination(pagination, 'front.index') }}
{% endblock %}
